import React, { Component } from 'react';
import {
    Text, Image, View, ScrollView, TouchableOpacity
} from 'react-native';
import TestFunctionUtils from '../util/TestFunctionUtils';

import Head from './layout/Head';
import styles from '../../assets/css/style.js';
import GlobalConfig from '../util/Global';
const rem = GlobalConfig.WIDTH / 7.5;

/**
 * 信号道
 */
export default class SignalChannelView extends Component {
     constructor(props){
        super(props);
        this.state = {
            language:"密钥",
            channel:"2.4GHZ",
            power:"畅通",
            text:null
        };
    }

    render(){
        const {navigate} = this.props.navigation;
        const lists=[["首 页", "icon_in", GlobalConfig.LOGIN_VIEW],
                     ["测试功能", "icon_cs", GlobalConfig.TESTING_VIEW],
                     ["状态查看", "icon_ck", GlobalConfig.STATUS_CHECK_VIEW],
                     ["设 置", "icon_sz", GlobalConfig.SETTING_VIEW]];

        return (
            <View style={[styles.flex,styles.bgcolor]}>
                <Head title="信号道" list={lists} navigate={navigate} ref="head"> </Head>
                <View style={styles.flex}>
                    <ScrollView style={styles.ztScroll}>
                        <TouchableOpacity activeOpacity={1} onPress={() => this.refs.head.hideMenu()}>
                        <View style={styles.channelWrap}>
                            <View style={styles.channelTab}>
                                <View style={[styles.ctList,styles.ctWhite]}>
                                    <Text style={[styles.ctFont]}>2.4信道</Text>
                                </View>
                                <View style={styles.ctList}>
                                    <Text style={styles.ctFont}>5.0信道</Text>
                                </View>
                            </View>
                            <View style={styles.ctContent}>
                                <View style={styles.channeList}>
                                    <Text style={[styles.ctFontMon,styles.ctWidth]}>信道12速度</Text>
                                    <Image
                                        style={styles.ctGress}
                                        resizeMode="contain"
                                        source={require('../../assets/img/gress_01.png')}
                                    />
                                    <Text style={styles.ctFontMon}>推 荐</Text>
                                    <Image
                                        style={styles.ctXing}
                                        resizeMode="contain"
                                        source={require('../../assets/img/icon_xx.png')}
                                    />
                                </View>
                                <View style={styles.channeList}>
                                    <Text style={[styles.ctFontMon,styles.ctWidth]}>信道12速度</Text>
                                    <Image
                                        style={styles.ctGress}
                                        resizeMode="contain"
                                        source={require('../../assets/img/gress_02.png')}
                                    />
                                    <Text style={styles.ctFontMon}>畅 通</Text>
                                    <Image
                                        style={styles.ctXing}
                                        resizeMode="contain"
                                        source={require('../../assets/img/icon_xx.png')}
                                    />
                                </View>
                                <View style={styles.channeList}>
                                    <Text style={[styles.ctFontMon,styles.ctWidth]}>信道12速度</Text>
                                    <Image
                                        style={styles.ctGress}
                                        resizeMode="contain"
                                        source={require('../../assets/img/gress_03.png')}
                                    />
                                    <Text style={styles.ctFontMon}>一般</Text>
                                    <Image
                                        style={styles.ctXing}
                                        resizeMode="contain"
                                        source={require('../../assets/img/icon_xx.png')}
                                    />
                                </View>
                                <View style={styles.channeList}>
                                    <Text style={[styles.ctFontMon,styles.ctWidth]}>信道12速度</Text>
                                    <Image
                                        style={styles.ctGress}
                                        resizeMode="contain"
                                        source={require('../../assets/img/gress_04.png')}
                                    />
                                    <Text style={styles.ctFontMon}>阻塞</Text>
                                    <Image
                                        style={styles.ctXing}
                                        resizeMode="contain"
                                        source={require('../../assets/img/icon_xx.png')}
                                    />
                                </View>
                            </View>
                        </View>
                        </TouchableOpacity>
                    </ScrollView>
                </View>
            </View>
        )


    }
}